<template>
  <div class="tip">
    <!-- 常见科室 -->
    <div class="department">
      <div class="header">
        <div class="left">
          <svg
            t="1688791425184"
            class="icon"
            viewBox="0 0 1024 1024"
            version="1.1"
            xmlns="http://www.w3.org/2000/svg"
            p-id="5943"
            width="16"
            height="16"
          >
            <path
              d="M504.5 92.4C276.1 92.3 90.8 277.6 90.8 506.1s185.3 413.7 413.7 413.7c228.5 0 413.7-185.3 413.7-413.7 0-228.5-185.3-413.7-413.7-413.7z m-17.3 545c0.1 41.8-33.8 75.6-75.6 75.6h-38.3c-41.8 0-75.6-33.9-75.6-75.6V599c0-41.8 33.9-75.6 75.6-75.6h101.3c7 0 12.6 5.7 12.6 12.6v101.4z m0-161.1c0.1 7-5.6 12.6-12.6 12.6H373.3c-41.8 0-75.6-33.9-75.6-75.6v-38.4c0-41.8 33.9-75.6 75.6-75.6h38.3c41.8 0 75.6 33.9 75.6 75.6v101.4z m35.1-83c0.4-14.1 12.8-25 26.9-25h34.7c3.8 0 6.9-3.1 6.9-6.9v-35.8c0-14.5 12-26.2 26.7-25.8 14.1 0.4 25 12.8 25 26.9v34.7c0 3.8 3.1 6.9 6.9 6.9h34.7c14.2 0 26.6 10.9 26.9 25 0.4 14.7-11.2 26.7-25.8 26.7h-35.8c-3.8 0-6.9 3.1-6.9 6.9v35.8c0 14.5-12 26.2-26.7 25.8-14.1-0.4-25-12.8-25-26.9v-34.7c0-3.8-3.1-6.9-6.9-6.9h-35.8c-14.4 0-26.2-12.1-25.8-26.7z m189.2 244.1c0 41.8-33.9 75.6-75.6 75.6h-38.3c-41.8 0-75.6-33.9-75.6-75.6V536c0-7 5.7-12.6 12.6-12.6h101.3c41.8 0 75.6 33.9 75.6 75.6v38.4z"
              fill="#1296db"
              p-id="5944"
            ></path>
          </svg>
          <span>常见科室</span>
        </div>
        <div class="right">
          全部<svg
            t="1688791499010"
            class="icon"
            viewBox="0 0 1024 1024"
            version="1.1"
            xmlns="http://www.w3.org/2000/svg"
            p-id="7140"
            width="16"
            height="16"
          >
            <path
              d="M312.888889 995.555556c-17.066667 0-28.444444-5.688889-39.822222-17.066667-22.755556-22.755556-17.066667-56.888889 5.688889-79.644445l364.088888-329.955555c11.377778-11.377778 17.066667-22.755556 17.066667-34.133333 0-11.377778-5.688889-22.755556-17.066667-34.133334L273.066667 187.733333c-22.755556-22.755556-28.444444-56.888889-5.688889-79.644444 22.755556-22.755556 56.888889-28.444444 79.644444-5.688889l364.088889 312.888889c34.133333 28.444444 56.888889 73.955556 56.888889 119.466667s-17.066667 85.333333-51.2 119.466666l-364.088889 329.955556c-11.377778 5.688889-28.444444 11.377778-39.822222 11.377778z"
              fill="#1296db"
              p-id="7141"
            ></path>
          </svg>
        </div>
      </div>
      <div class="content">
        <ul>
          <li>神经内科</li>
          <li>消化内科</li>
          <li>呼吸内科</li>
          <li>内科</li>
          <li>神经外科</li>
          <li>妇科</li>
          <li>产科</li>
          <li>儿科</li>
        </ul>
      </div>
    </div>
    <!-- 平台公告 -->
    <div class="notice">
      <div class="header">
        <div class="left">
          <svg
            t="1688792122332"
            class="icon"
            viewBox="0 0 1024 1024"
            version="1.1"
            xmlns="http://www.w3.org/2000/svg"
            p-id="8247"
            width="16"
            height="16"
          >
            <path
              d="M162.6 254.2H847V703H162.6z"
              fill="#1296db"
              p-id="8248"
            ></path>
            <path
              d="M133.2 229.3h743.3v39.8H133.2z"
              fill="#1296db"
              p-id="8249"
            ></path>
            <path
              d="M207.7 570.6h235.7V620H207.7z"
              fill="#1296db"
              p-id="8250"
            ></path>
            <path
              d="M396.086 609.463l43.83-212.823 48.382 9.964-43.83 212.823zM490.71 487.587l137.645-108.88 30.648 38.744-137.645 108.88z"
              fill="#1296db"
              p-id="8251"
            ></path>
            <path
              d="M628.1 378.8h175.5v49.4H628.1zM520.642 527.172l-71.035-89.802 38.744-30.648 71.036 89.802z"
              fill="#1296db"
              p-id="8252"
            ></path>
            <path
              d="M381.3 781.8h247v39.8h-247z"
              fill="#1296db"
              p-id="8253"
            ></path>
            <path
              d="M484.88 781.815v-78.8h39.8v78.8z"
              fill="#1296db"
              p-id="8254"
            ></path>
          </svg>
          <span>平台公告</span>
        </div>

        <div class="right">
          全部<svg
            t="1688791499010"
            class="icon"
            viewBox="0 0 1024 1024"
            version="1.1"
            xmlns="http://www.w3.org/2000/svg"
            p-id="7140"
            width="16"
            height="16"
          >
            <path
              d="M312.888889 995.555556c-17.066667 0-28.444444-5.688889-39.822222-17.066667-22.755556-22.755556-17.066667-56.888889 5.688889-79.644445l364.088888-329.955555c11.377778-11.377778 17.066667-22.755556 17.066667-34.133333 0-11.377778-5.688889-22.755556-17.066667-34.133334L273.066667 187.733333c-22.755556-22.755556-28.444444-56.888889-5.688889-79.644444 22.755556-22.755556 56.888889-28.444444 79.644444-5.688889l364.088889 312.888889c34.133333 28.444444 56.888889 73.955556 56.888889 119.466667s-17.066667 85.333333-51.2 119.466666l-364.088889 329.955556c-11.377778 5.688889-28.444444 11.377778-39.822222 11.377778z"
              fill="#1296db"
              p-id="7141"
            ></path>
          </svg>
        </div>
      </div>
      <div class="content">
        <ul>
          <li>关于延长北京大学国际医院放假的通知</li>
          <li>北京中医药大学东方医院部分科室医生门诊医</li>
          <li>武警总医院号源暂停更新通知</li>
        </ul>
      </div>
    </div>
    <!-- 停诊公告 -->
    <div class="notice">
      <div class="header">
        <div class="left">
          <svg
            t="1688792645681"
            class="icon"
            viewBox="0 0 1024 1024"
            version="1.1"
            xmlns="http://www.w3.org/2000/svg"
            p-id="8536"
            width="16"
            height="16"
          >
            <path
              d="M736 768h-448a32 32 0 0 1 0-64h448a32 32 0 0 1 0 64z m-44.8-415.552l-147.669333-147.669333a61.994667 61.994667 0 0 1-62.848 0l-147.669334 147.669333a32.554667 32.554667 0 0 1-46.037333-46.037333l161.578667-161.578667a63.68 63.68 0 0 1 127.104 0l161.578666 161.578667a32.554667 32.554667 0 0 1-46.037333 46.037333zM565.333333 512a32 32 0 0 1 0 64h-277.333333a32 32 0 0 1 0-64h277.333333z"
              fill="#1296db"
              p-id="8537"
            ></path>
            <path
              d="M853.333333 981.333333H170.666667a85.333333 85.333333 0 0 1-85.333334-85.333333V384a85.333333 85.333333 0 0 1 85.333334-85.333333h682.666666a85.333333 85.333333 0 0 1 85.333334 85.333333v512a85.333333 85.333333 0 0 1-85.333334 85.333333z m21.333334-576a42.666667 42.666667 0 0 0-42.666667-42.666666H192a42.666667 42.666667 0 0 0-42.666667 42.666666v469.333334a42.666667 42.666667 0 0 0 42.666667 42.666666h640a42.666667 42.666667 0 0 0 42.666667-42.666666V405.333333z"
              fill="#1296db"
              p-id="8538"
            ></path>
          </svg>
          <span>停诊公告</span>
        </div>

        <div class="right">
          全部<svg
            t="1688791499010"
            class="icon"
            viewBox="0 0 1024 1024"
            version="1.1"
            xmlns="http://www.w3.org/2000/svg"
            p-id="7140"
            width="16"
            height="16"
          >
            <path
              d="M312.888889 995.555556c-17.066667 0-28.444444-5.688889-39.822222-17.066667-22.755556-22.755556-17.066667-56.888889 5.688889-79.644445l364.088888-329.955555c11.377778-11.377778 17.066667-22.755556 17.066667-34.133333 0-11.377778-5.688889-22.755556-17.066667-34.133334L273.066667 187.733333c-22.755556-22.755556-28.444444-56.888889-5.688889-79.644444 22.755556-22.755556 56.888889-28.444444 79.644444-5.688889l364.088889 312.888889c34.133333 28.444444 56.888889 73.955556 56.888889 119.466667s-17.066667 85.333333-51.2 119.466666l-364.088889 329.955556c-11.377778 5.688889-28.444444 11.377778-39.822222 11.377778z"
              fill="#1296db"
              p-id="7141"
            ></path>
          </svg>
        </div>
      </div>
      <div class="content">
        <ul>
          <li>
            中国人民解放军总医院第六医学中心(原海军总医院)呼吸内科门诊停诊公告
          </li>
          <li>首都医科大学附属北京潞河医院老年医学科门诊停诊公告</li>
          <li>中日友好医院中西医结合心内科门诊停诊公告</li>
        </ul>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts"></script>

<style scoped lang="scss">
.tip {
  color: #7f7f7f;
  .department {
    .header {
      display: flex;
      justify-content: space-between;
      .left {
        display: flex;
        span {
          margin-left: 5px;
        }
      }
    }
    .content {
      ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        li {
          width: 40%;
          margin-top: 20px;
        }
      }
    }
  }
  /* 平台公告 */
  .notice {
    margin-top: 10px;
    .header {
      display: flex;
      justify-content: space-between;
    }
    .content {
      ul {
        li {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          margin-top: 20px;
        }
      }
    }
  }
}
</style>
